Web API (Application Programming Interface) হল এমন একটি ইন্টারফেস বা প্রোটোকল যা ওয়েব অ্যাপ্লিকেশন বা ওয়েব ব্রাউজারকে একে অপরের সাথে যোগাযোগ করতে এবং তথ্য এক্সচেঞ্জ করতে সক্ষম করে। ওয়েব API মূলত ব্রাউজার, সার্ভার বা তৃতীয় পক্ষের অ্যাপ্লিকেশনগুলোর মধ্যে ডেটা ও কমান্ড শেয়ার করার মাধ্যম হিসেবে ব্যবহৃত হয়।
Web API ব্যবহার করে, আপনি ওয়েব ব্রাউজারের অভ্যন্তরীণ ফিচার এবং ফাংশনালিটি ব্যবহার করতে পারেন যেমন DOM (Document Object Model), নেটওয়ার্ক রিকুয়েস্ট, লোকাল স্টোরেজ, ম্যাপ API, জিওলোকেশন, ইত্যাদি। Web API গুলি সাধারণত অ্যাসিঙ্ক্রোনাস (asynchronous) কাজ করে, যাতে ব্রাউজারের কার্যক্ষমতা কমে না যায় এবং ইউজার এক্সপেরিয়েন্স উন্নত হয়।
Web API এর কাজ করার পদ্ধতি সাধারণত HTTP (Hypertext Transfer Protocol) অথবা WebSocket প্রোটোকল ব্যবহার করে। এখানে API কলগুলি ওয়েব সার্ভারের সাথে যোগাযোগ করতে সাহায্য করে এবং একটি নির্দিষ্ট রেসপন্স প্রদান করে। একটি Web API সাধারণত নিচের মতো কাজ করে:
DOM API ওয়েব পেজের HTML বা XML ডকুমেন্টে পরিবর্তন, অ্যাক্সেস বা ম্যানিপুলেট করার জন্য ব্যবহৃত হয়। এটি আপনাকে ওয়েব পেজের উপাদানগুলোকে প্রোগ্রামেটিক্যালি পরিবর্তন করতে দেয়।
document.getElementById("myButton").addEventListener("click", function() {
alert("Button clicked!");
});
এখানে, DOM API দিয়ে একটি বাটনে ক্লিক ইভেন্ট হ্যান্ডলার যুক্ত করা হয়েছে।
Fetch API হলো একটি অ্যাসিঙ্ক্রোনাস API, যা HTTP রিকুয়েস্ট পাঠানোর জন্য ব্যবহৃত হয়। এটি JSON বা অন্যান্য ডেটা ফরম্যাটে সার্ভার থেকে ডেটা নিয়ে আসে।
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.log('Error:', error));
এখানে, fetch() মেথড ব্যবহার করে একটি HTTP GET রিকুয়েস্ট পাঠানো হচ্ছে এবং প্রাপ্ত ডেটা কনসোলে লগ করা হচ্ছে।
Geolocation API ব্যবহার করে ব্যবহারকারীর বর্তমান ভৌগলিক অবস্থান পাওয়া যায়। এটি বেশ কার্যকরী যখন লোকেশন-ভিত্তিক সেবা প্রয়োজন।
navigator.geolocation.getCurrentPosition(function(position) {
console.log("Latitude: " + position.coords.latitude);
console.log("Longitude: " + position.coords.longitude);
});
এখানে, getCurrentPosition() ব্যবহার করে বর্তমান অবস্থান নেয়া হয়েছে।
LocalStorage API ওয়েব অ্যাপ্লিকেশনগুলোকে ব্যবহারকারীর ডেটা ব্রাউজারে স্টোর করতে সাহায্য করে, যাতে ডেটা সেশন শেষ হলেও সেভ থাকে।
localStorage.setItem("username", "JaneDoe");
let username = localStorage.getItem("username");
console.log(username); // আউটপুট: JaneDoe
এখানে, localStorage.setItem() দিয়ে ডেটা সংরক্ষণ করা হয়েছে এবং localStorage.getItem() দিয়ে ডেটা রিট্রিভ করা হয়েছে।
Web API এমন একটি শক্তিশালী ইন্টারফেস যা ওয়েব পেজ এবং অ্যাপ্লিকেশনগুলোর মধ্যে ইন্টারঅ্যাকশন এবং ফাংশনালিটি শেয়ার করতে সহায়ক। এটি বিভিন্ন ওয়েব ব্রাউজারের ফিচার এবং সার্ভিস এক্সেস করার সুবিধা প্রদান করে, যেমন DOM ম্যানিপুলেশন, HTTP রিকুয়েস্ট, লোকাল স্টোরেজ এবং আরও অনেক কিছু। Web API ওয়েব অ্যাপ্লিকেশনগুলির কার্যক্ষমতা, ইন্টারঅ্যাকটিভিটি এবং ইউজার এক্সপেরিয়েন্সে উন্নতি করতে সহায়তা করে।
or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
